<html>

<head>
    <title>成绩管理</title>
    <link href="/static/components.css" rel="stylesheet" />
    <link href="/static/base.css" rel="stylesheet" />
    {% block styles %}{% endblock%}
</head>

<body>
    <div class="page-head">
        <img class="logo" src="/static/logo_256.png">
        <div class="title">成绩管理系统</div>
        <div class="user-info">使用者:教秘</div>
    </div>
    <div class="page-body">
        <div class="sidebar">
            <ul>
                <li {% if location.pathname.startswith("/student") %}active{% endif %}><a href="/student">学生</a></li>
                <li {% if location.pathname.startswith("/course") %}active{% endif %}><a href="/course">课程</a></li>
                <li {% if location.pathname.startswith("/cousel") %}active{% endif %}><a href="/cousel">选课</a></li>
                <li {% if location.pathname.startswith("/grade") %}active{% endif %}><a href="/grade">成绩单</a></li>
                <li {% if location.pathname.startswith("/class") %}active{% endif %}><a href="/class">班次</a></li>

        </div>
        <div class="page-content">
            {% block page_content %}{% endblock %}
            <div class="page-footer">&copy;天津工业大学 2020</div>
        </div>
    </div>
</body>

</html>